<template>
    <div class="main">
    </div>
</template>
<style scoped>
.main {
    position: relative;
    background: #166fc7;
    width: 120px; /* 调整宽度以适应梯形 */
    height: 100px;
    border-radius: 30px 30px 0 0; /* 仅对上部进行圆角处理 */
    clip-path: polygon(10px 0, 110px 0, 120px 50px, 0 50px);
    overflow: hidden;
}
</style> 